<template>
  <el-table :data="epps" style="width: 100%">
    <el-table-column type="expand">
      <template #default="props">
        <p>处方编号: {{ props.row.id }}</p>
        <p>医生: {{ props.row.doctor }}</p>
        <p>患者: {{ props.row.patient }}</p>
        <p>日期: {{ props.row.create_date }}</p>
      </template>
    </el-table-column>
    <el-table-column label="处方编号" prop="date" />
    <el-table-column label="医生" prop="doctor" />
    <el-table-column label="患者" prop="patient" />
    <el-table-column label="日期" prop="create_date" />
  </el-table>
</template>

<script lang="ts" setup>
const epps = [
  {
    create_date: '2016-05-03',
    doctor: 'Tom',
    patient: 'California',
    id: 'CA 90036',
  },
    {
    create_date: '2016-05-03',
    doctor: 'Tom',
    patient: 'California',
    id: 'CA 90036',
  },  {
    create_date: '2016-05-03',
    doctor: 'Tom',
    patient: 'California',
    id: 'CA 90036',
  },  {
    create_date: '2016-05-03',
    doctor: 'Tom',
    patient: 'California',
    id: 'CA 90036',
  },  {
    create_date: '2016-05-03',
    doctor: 'Tom',
    patient: 'California',
    id: 'CA 90036',
  },  {
    create_date: '2016-05-03',
    doctor: 'Tom',
    patient: 'California',
    id: 'CA 90036',
  },  {
    create_date: '2016-05-03',
    doctor: 'Tom',
    patient: 'California',
    id: 'CA 90036',
  },
]
</script>
